<template>
  <div
    class="page-bottom-container"
    :style="{
      backgroundColor: themeStyle[theme].backgroundColor3,
      color: themeStyle[theme].textColor2,
      borderTop: `1px solid ${themeStyle[theme].borderColor3}`
    }"
  >
    <div class="version-msg">
      <span>v 1.0.0</span>
    </div>
  </div>
</template>

<script setup lang="ts">
import { useStyleStore } from '@renderer/store/globalStyle/style'
import { storeToRefs } from 'pinia'

const styleStore = useStyleStore()
const { theme, themeStyle } = storeToRefs(styleStore)
</script>

<style scoped lang="scss">
.page-bottom-container {
  height: 20px;
  font-size: 12px;
  padding: 0px 5px;

  .version-msg {
    display: flex;
    justify-content: right;
    align-items: center;
  }
}
</style>
